<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/layout.css" />
		<link rel="stylesheet" href="css/list.css" />
	</head>
	<body>
		<div class="header">
			
		</div>
		
		
		<div class="list_c   layout">
			<p>
				<a href="index.html">首页 </a>&gt;
				<a href="#">全品类</a>&gt;
				<a href="#">服饰鞋包</a>
			</p>
			<!--------------- 左边  -------------->
			<div class="list_c_l">
				<div class="list_c_l1">
					<p>筛选</p>
				</div>
				<div class="list_c_l2">
					<p>分类</p>
					<div>
						<a href="#">潮流箱包</a>
						<a href="#">手表配饰</a>
						<a href="#">珠宝首饰</a>
						<a href="#">服装鞋靴</a>
						<a href="#">内衣裤袜</a>
					</div>
				</div>
				<div class="list_c_l3">
					<p>品牌</p>
					<div>
						<a href="#">NINE WEST</a>
						<a href="#">American Tourister /美旅</a>
						<a href="#">Anorak/阿诺瑞克</a>
						<a href="#">TORY BURCH/汤丽柏琦</a>
						<a href="#">遊禅革</a>
						<a href="#">Hanes/恒适</a>
						<a href="#">ELIE BEAUMONT LONDON/埃利博蒙特</a>
						<a href="#">Dogeared</a>
						<a href="#">Grafea</a>
						<a href="#">Carter's/卡特</a>
						<a href="#">Puma/彪马</a>
						<a href="#">cecile/赛诗丽</a>
						<a href="#">TOMMY HILFIGER</a>
						<a href="#">TEIJIN/帝人</a>
						<a href="#">Tiffany&Co./蒂凡尼</a>
						<a href="#">Celine/思琳</a>
						<a href="#">Levi's/李维斯</a>
						<a href="#">Timberland/添柏岚</a>
						<a href="#">Aritzia</a>
						<a href="#">p+g design</a>
						<a href="#">GIORGIO FEDON</a>
						<a href="#">Arizia TNA</a>
						<a href="#">Rei Kawakubo/川久保玲</a>				
					</div>
				</div>
				<div class="list_c_l4">
					<p>价格</p>
					<div>
						<a href="#">不限</a>
						<a href="#">0-99元</a>
						<a href="#">100-199元</a>
						<a href="#">200-299元</a>
						<a href="#">300-499元</a>
						<a href="#">500-699元</a>
						<a href="#">700-999元</a>
						<a href="#">1000元以上</a>
						
					</div>
				</div>
				<div class="list_c_l5">
					<p>重量</p>
					<div>
						<a href="#">不限</a>
						<a href="#">0g-50g</a>
						<a href="#">51g-100g</a>
						<a href="#">101g-200g</a>
						<a href="#">201g-300g</a>
						<a href="#">301g-500g</a>
						<a href="#">501g-999g</a>
						<a href="#">1kg-2kg</a>
						<a href="#">2kg以上</a>
					</div>
				</div>
				<div class="list_c_l6">
					<p>发货地</p>
					<div>
						<a href="#" style="color:#eb5a41;">不限</a>
						<a href="#">美国直邮</a>
						<a href="#">日本直邮</a>
						<a href="#">中国直邮</a>
						<a href="#">香港直邮</a>
						<a href="#">澳新直邮</a>
						<a href="#">英国直邮</a>
						<a href="#">德国直邮</a>
						<a href="#">加拿大直邮</a>
						<a href="#">瑞典直邮</a>
						<a href="#">中国台湾直邮</a>
					</div>
				</div>
				
				
			</div>
			
			<!--------------- 右边  -------------->
			<div class="list_c_r">
				<p><a href="#"><img src="img/list/1.jpg"></a></p>
				<p>
					<a href="#"><img src="img/list/2.jpg"></a>
					<a href="#"><img src="img/list/3.jpg"></a>
					<a href="#"><img src="img/list/4.jpg"></a>
					<a href="#"><img src="img/list/5.jpg"></a>
				</p>
				<div class="list_c_rb">
					<ul class="list_c_rb_ul">
						<li style="border-bottom: 2px #ed593a solid;">默认<p style="display: block;"></p></li>
						<li>价格<p></p></li>
						<li>销量<p></p></li>
						<li>新品<p></p></li>
						<div>
						<span><input type="checkbox" /> 仅显示有货</span>
						<span><input type="checkbox" /> 仅显示特卖</span>
						<span><input type="checkbox" /> 包邮</span>
						<span> 1/1 <input type="button" value="上"> <input type="button" value="下"/>  </span>
						</div>
					</ul>
					
					<ol class="list_c_rb_ol">
						<li style="display: block;"></li>
						<li></li>
						<li></li>
						<li></li>
					</ol>
					
				</div>
				
				
			</div>
		</div>
		
		<div class="footer"></div>
		
		
		<div class="returnTop">
	    	<img src="img/right_top.png">
	    </div>
		
		
		<!----------------------弹出框  加入购物车-------------------------->
		
		<div class="list_cart">
			
			<!--<div class="list_cart_l">
				<img src ="img/hot/1.jpg"/>
			</div>-->
			
			<div class="list_cart_r">
				<!--<h2>【糖果色洁面仪】FOREO LUNA 露娜 Mini 2</h2>
				<div class= "list_cart_price"><span>￥35.00</span><i>￥99.00</i></div>-->
				<div class="list_cart_rb">
					<p>型号</p>
					<span class="size active">M</span>
					<span class="size">L</span>
					<span class="size">XL</span>
				</div>
				<div class="list_cart_color">
					<p>颜色</p>
					<span class="cho_c  active">蓝色</span>
					<span class="cho_c">粉色</span>
					<span class="cho_c">红色</span>
					<span class="cho_c">黑色</span>
				</div>
				<div class="list_cart_num">
					<p>数量</p>
					<p>
            		  <span class="lessBtn">-</span>
            		  <input type="text" value="1" class="gn_inp"/>
            		  <span class="addBtn">+</span>
            		</p>
				</div>
				<div> 
					<button class="buy">立即购买</button> 
					<button class="add_cart">加入购物车</button>
				</div>
			</div>
			<!---------- Click to disappear 点击消失 --------->
			<div class="click_dis"></div>
		</div>
		
		
		
	</body>
	
	<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
	<script type="text/javascript" src="js/layout.js" ></script>
	<script type="text/javascript" src="js/server.js" ></script>
	<script type="text/javascript" src="js/cookie1.js" ></script>
	<script type="text/javascript" src="js/list.js" ></script>
	<script>
		$(function(){
			
			var timer = null;
			$(window).scroll(function(){

				clearTimeout(timer)
				timer = setTimeout(function(){
					//顶部出现
					if($(window).scrollTop() >= 300){ //大于最大的高度值 ，显示楼梯;
	                    $(".nav").css({position:'fixed',top:0,left:0,right:0 ,margin:'auto','z-index':100})
	                }else{
	                    $(".nav").css({position:''})
	                }
	                
	                //返回顶部
	                if($(window).scrollTop() >= 600){ //大于最大的高度值 ，显示楼梯;
	                    $(".returnTop").fadeIn();
	                }else{
	                    $(".returnTop").fadeOut()
	                }
							
				},100)	
			});
			
			
			/**************************   返回顶部    *********************/
			 $(".returnTop").click(function(){
				 $("html,body").animate({scrollTop:0},500)	
		     });
			
		})
	</script>
	
</html>
